<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="UTF-8"/>
		<title>Fitness-club Website Template | Home :: W3layouts</title>
		<link href="css/dd.css" rel="stylesheet" type="text/css"  media="all" />
		<link href="css/animate.css" rel="stylesheet" type="text/css"  media="all" />
		<link href="css/style.css" rel="stylesheet" type="text/css"  media="all" />
		
		<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="css/responsiveslides.css">
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
		<script src="js/responsiveslides.min.js"></script>
		<script src="js/main.js"></script>
		<script src="js/jquery.dd.js"></script>
		<script src="js/wow.min.js"></script>
		  <script>
		    // You can also use "$(window).load(function() {"
			    $(function () {
			
			      // Slideshow 1
			      $("#slider1").responsiveSlides({
			        maxwidth: 1600,
			        speed: 600
			      });
			});
		  </script>
		  <script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
				});
			});
		</script>
		<script language="javascript">
			$(document).ready(function(e) {
			try {
			$("body select").msDropDown();
			} catch(e) {
			alert(e.message);
			}
			});
		</script>
		<script language="javascript">
		/* --------WOW-------- */
			WOW = new WOW(
			  {
			  boxClass: 'wow', 
			  animateClass: 'animated',
			  offset: 0 
			  })
			WOW.init();
			</script>
		<style>
			.rslides img {height:300px}
			ul.pkg li{content:inherit!important;margin:0}
			.footer-right ul.pkg li:before{content:inherit!important;margin:0}
		</style>
	</head>
	<body>
	<!---start-wrap---->
		<!---start-header---->
		<div class="header wow fadeInDown" data-wow-duration="0.5s" id="top">
			<div class="wrap">
				<!---start-logo---->
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" title="logo" /></a>
				</div>
				<!---End-logo---->
				<!---start-top-nav---->
				<div class="top-nav">
					<ul>
						<li class="active"><a href="index.html">Trang chủ</a></li>
						<li><a href="about.html">Tin tức</a></li>
						<li><a href="services.html">Câu hỏi thường gặp</a></li>
						<li><a href="gallery.html">Hướng dẫn</a></li>
						<li><a href="contact.html">Liên hệ</a></li>
					</ul>
				</div>
			
				<div class="wrap-online wow fadeInDown" data-wow-duration="1s">
					<ul>
					  <li><a href="#"><span class="icon-login"></span>Đăng nhập</a></li>
					  <li><span class="icon-phone"></span>0906 521 623</li>
					  <li><a href="#"><span class="icon-yahoo"></span></a></li>
					  <li><a href="#"><span class="icon-skype"></span></a></li>
					</ul>
				</div>
				<!--End-wrap-online---->
			
				<div class="clear"> </div>
			<!---End-top-nav---->
		</div>
		<!---End-header---->
	</div>
		<!--start-image-slider---->
		<div class="image-slider wow fadeInDown" data-wow-duration="1.3s" >
			<!-- Slideshow 1 -->
			<ul class="rslides" id="slider1">
			  <li><img src="images/slider3.jpg" alt=""></li>
			  <li><img src="images/slider1.jpg" alt=""></li>
			  <li><img src="images/slider3.jpg" alt=""></li>
			</ul>
			 <!-- Slideshow 2 -->
		</div>
		<!--End-image-slider---->
		
	
		
		<!---start---content----->
		<div class="wrap wrap-home">
		<div class="content">
			<!---start-grids----->
			<div class="grids">
				 <div class="grid wow fadeInDown" data-wow-duration="1.6s">
				 	<h3>NẠP TIỀN ĐIỆN THOẠI (TOPUP)</h3>
				 	<form class="formbuy">
						<input type="text" onkeypress="return numbersonly(this, event)" value="Số điện thoại cần nạp tiền" onfocus="if (this.value == 'Số điện thoại cần nạp tiền') this.value = '';" onblur="if (this.value == '') this.value = 'Số điện thoại cần nạp tiền';" />
						<input type="text" />
						<input type="text" value="Địa chỉ email nhận thẻ" onfocus="if (this.value == 'Địa chỉ email nhận thẻ') this.value = '';" onblur="if (this.value == '') this.value = 'Địa chỉ email nhận thẻ';"  />
						<div class="wrap-select">
							<select name="webmenu">
								<option>Chọn nhà mạng</option>
								<option value="email"  selected="selected" title="images/dongabank.jpg">DongA Bank</option>
								<option value="email"  selected="selected" title="images/hdbank.jpg">HD Bank</option>
							  </select>
						</div>
						<div class="wrap-select">
							<select name="webmenu">
								<option>Chọn nhà mạng</option>
								<option value="email"  selected="selected" title="images/dongabank.jpg">DongA Bank</option>
								<option value="email"  selected="selected" title="images/hdbank.jpg">HD Bank</option>
							  </select>
						</div>
					</form>
				 	<a class="button" href="#"><span>Nạp tiền</span></a>
				 </div>
				 <div class="grid wow fadeInDown" data-wow-duration="1.6s">
				 	<h3>NẠP TIỀN TÀI KHOẢN GAME</h3>
				 	<form class="formbuy">
						<input type="text" />
						<input type="text" />
						<input type="text" />
						<div class="wrap-select">
							<select name="webmenu">
								<option>Chọn nhà mạng</option>
								<option value="email"  selected="selected" title="images/dongabank.jpg">DongA Bank</option>
								<option value="email"  selected="selected" title="images/hdbank.jpg">HD Bank</option>
							  </select>
						</div>
						<div class="wrap-select">
							<select name="webmenu">
								<option>Chọn nhà mạng</option>
								<option value="email"  selected="selected" title="images/dongabank.jpg">DongA Bank</option>
								<option value="email"  selected="selected" title="images/hdbank.jpg">HD Bank</option>
							  </select>
						</div>
					</form>
				 	<a class="button" href="#"><span>Nạp tiền</span></a>
				 </div>
				 <div class="grid wow fadeInDown" data-wow-duration="1.6s">
				 	<h3>MUA MÃ THẺ ĐIỆN THOẠI</h3>
				 	<form class="formbuy">
						<input type="text" />
						<input type="text" />
						<input type="text" />
						<div class="wrap-select">
							<select name="webmenu">
								<option>Chọn nhà mạng</option>
								<option value="email"  selected="selected" title="images/dongabank.jpg">DongA Bank</option>
								<option value="email"  selected="selected" title="images/hdbank.jpg">HD Bank</option>
							  </select>
						</div>
						<div class="wrap-select">
							<select name="webmenu">
								<option>Chọn nhà mạng</option>
								<option value="email"  selected="selected" title="images/dongabank.jpg">DongA Bank</option>
								<option value="email"  selected="selected" title="images/hdbank.jpg">HD Bank</option>
							  </select>
						</div>
					</form>
				 	<a class="button" href="#"><span>Mua thẻ</span></a>
				 </div>
				 <div class="grid last-grid wow fadeInDown" data-wow-duration="1.6s">
				 	<h3>MUA MÃ THẺ GAMES</h3>
				 	<form class="formbuy">
						<input type="text" />
						<input type="text" />
						<input type="text" />
						<div class="wrap-select">
							<select name="webmenu">
								<option>Chọn nhà mạng</option>
								<option value="email"  selected="selected" title="images/dongabank.jpg">DongA Bank</option>
								<option value="email"  selected="selected" title="images/hdbank.jpg">HD Bank</option>
							  </select>
						</div>
						<div class="wrap-select">
							<select name="webmenu">
								<option>Chọn nhà mạng</option>
								<option value="email"  selected="selected" title="images/dongabank.jpg">DongA Bank</option>
								<option value="email"  selected="selected" title="images/hdbank.jpg">HD Bank</option>
							  </select>
						</div>
					</form>
				 	<a class="button" href="#"><span>Mua thẻ</span></a>
				 </div>
				 <div class="clear"> </div>
			</div>
			<!---End-grids----->
		</div>
		</div>
			<!---start-box---->
			<div class="boxs wow fadeInDown" data-wow-duration="1.6s">
				<div class="wrap">
				<div class="box center-box center-box-fix">
					<h3>TIN MỚI NHẤT</h3>
					<ul>
						<li><a href="#">ullamco laboris nisi ut al nisi ut aliquip e</a></li>
						<li><a href="#">nostrud exercitanisi ut aliquip etion ull</a></li>
						<li><a href="#">aliquip ex ea nisi ut aliquip e commodo co</a></li>
						<li><a href="#">orem ipsum dolor nisi ut aliquip e sit amet</a></li>
						<li><a href="#">exercitationnisi ut aliquip e  ullamco...</a></li>
					</ul>
				</div>
				<div class="box center-box">
					<h3>BÀI HƯỚNG DẪN</h3>
					<ul>
						<li><a href="#">ullamco laboris nisi ut al nisi ut aliquip e</a></li>
						<li><a href="#">nostrud exercitanisi ut aliquip etion ull</a></li>
						<li><a href="#">aliquip ex ea nisi ut aliquip e commodo co</a></li>
						<li><a href="#">orem ipsum dolor nisi ut aliquip e sit amet</a></li>
						<li><a href="#">exercitationnisi ut aliquip e  ullamco laboris</a></li>
					</ul>
				</div>
				<div class="box">
					<h3>DID YOU KNOW?</h3>
					<p>nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. orem ipsum dolor sit amet, consectetur adipisicing quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat......	<a href="#">ReadMore</a></p>
				</div>
				<div class="clear"> </div>
			</div>
			<!---start-box---->
		</div>
		<!---End---content----->
		<div class="clear"> </div>
		<div class="footer wow fadeInDown" data-wow-duration="1.6s">
			<div class="wrap">
			<div class="footer-left">
				<p>CHẤP NHẬN THANH TOÁN</p>
			</div>
			<div class="footer-right">
				<ul class="pkg">
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/agribank.jpg" alt="Thanh toán qua ngân hàng Agribank" data-hasqtip="0" oldtitle="NH Nông nghiệp và Phát triển Nông thông Việt Nam" title="" aria-describedby="qtip-0">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/viettinbank.jpg" alt="Thanh toán qua ngân hàng VietinBank" data-hasqtip="1" oldtitle="NH TMCP Công Thương Việt Nam" title="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/dongabank.jpg" alt="Thanh toán qua ngân hàng Đông Á" data-hasqtip="2" oldtitle="NH TMCP Đông Á" title="" aria-describedby="qtip-2">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/bidv.jpg" alt="Thanh toán qua ngân hàng BIDV" data-hasqtip="3" oldtitle="NH TMCP Đầu tư và Phát triển Việt Nam" title="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/sacombank.jpg" alt="Thanh toán qua ngân hàng Sacombank" data-hasqtip="4" oldtitle="Ngân hàng TMCP Sài Gòn Thương Tín" title="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/vcb.jpg" alt="Thanh toán qua ngân hàng Ngoại Thương" data-hasqtip="5" oldtitle="NH Ngoại Thương " title="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/tcb.jpg" alt="Thanh toán qua ngân hàng TechcomBank" data-hasqtip="6" oldtitle="NH TMCP Kỹ Thương" title="">
						</a>
					</li>
					<li class="last">
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/agribank.jpg" alt="Thanh toán qua ngân hàng Agribank" data-hasqtip="0" oldtitle="NH Nông nghiệp và Phát triển Nông thông Việt Nam" title="" aria-describedby="qtip-0">
						</a>
					</li>
				</ul>
			</div>
			<div class="footer-left">
				<p>NHÀ CUNG CẤP DỊCH VỤ</p>
			</div>
			<div class="footer-right">
				<ul class="pkg">
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/agribank.jpg" alt="Thanh toán qua ngân hàng Agribank" data-hasqtip="0" oldtitle="NH Nông nghiệp và Phát triển Nông thông Việt Nam" title="" aria-describedby="qtip-0">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/viettinbank.jpg" alt="Thanh toán qua ngân hàng VietinBank" data-hasqtip="1" oldtitle="NH TMCP Công Thương Việt Nam" title="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/dongabank.jpg" alt="Thanh toán qua ngân hàng Đông Á" data-hasqtip="2" oldtitle="NH TMCP Đông Á" title="" aria-describedby="qtip-2">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/bidv.jpg" alt="Thanh toán qua ngân hàng BIDV" data-hasqtip="3" oldtitle="NH TMCP Đầu tư và Phát triển Việt Nam" title="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/sacombank.jpg" alt="Thanh toán qua ngân hàng Sacombank" data-hasqtip="4" oldtitle="Ngân hàng TMCP Sài Gòn Thương Tín" title="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/vcb.jpg" alt="Thanh toán qua ngân hàng Ngoại Thương" data-hasqtip="5" oldtitle="NH Ngoại Thương " title="">
						</a>
					</li>
					<li class="last">
						<a href="#">
							<img src="http://www.vban.vn/DesktopModules/PartnerInfo/PartnerSlide_Item/tcb.jpg" alt="Thanh toán qua ngân hàng TechcomBank" data-hasqtip="6" oldtitle="NH TMCP Kỹ Thương" title="">
						</a>
					</li>
				</ul>
			</div>
			<div class="clear"> </div>
			
		</div>
	</div>
	<div class="clear"> </div>
	<div class="top-link">
		<a href="#top" class="scroll">Click to Top</a>
	</div>
	<!---End-wrap---->
	</body>
</html>

